export default {
  data() {
    return {
      scrollTop: 0, // 包裹层顶滚动条距离
      isScrollTop: true, // 是否到达顶部
      refreshBox: '', // 下拉刷新包裹层
      loading: false, // 是否正在刷新列表
      finished: false, // 是否已经全部加载 结束触底刷新
      refreshing: false // 是否正在下拉刷新
    }
  },
  watch: {
    scrollTop(val) {
      if (val == 0) {
        this.isScrollTop = true;
      } else {
        this.isScrollTop = false;
      }
    }
  },
  methods: {
    listenScroll() {
      this.scrollTop = this.refreshBox.scrollTop;
    }
  },
  mounted() {
    // 监听包裹盒子 在顶部才能触发下拉刷新
    this.refreshBox = this.$refs.refreshBox;
    this.listenScroll = this.listenScroll.bind(this);
    this.refreshBox.addEventListener('scroll', this.listenScroll);
  },
  destroyed() {
    this.refreshBox.removeEventListener('scroll', this.listenScroll);
  }
}